<?php get_header(); ?>
<div id="main">

				<div class="mainTop clear">

					<div class="imageRotation leftFloat">

	 					<div class="imageBox">
							<?php $posts = query_posts($query_string . '&orderby=date&showposts=5&cat=11'); ?>
							<?php while(have_posts()) : the_post();?>
	 						<a href="<?php the_title(); ?>" target="_blank"><img src="<?php echo catch_that_image() ?>" /></a>
							<?php endwhile; ?>

	 					</div>

	    				<div class="titleBox">
							<?php $posts = query_posts($query_string . '&orderby=date&showposts=5&cat=11'); ?>
							<?php $i = 0; ?>
							<?php while(have_posts()) : the_post();?>
	     					<p <?php if ($i == 0) :?> class="active"<?php endif; ?> ><span><?php the_title(); ?></span></p>
                            <?php $i++;?>
							<?php endwhile; ?>

	    				</div>

	 					<div class="icoBox">
							<?php $posts = query_posts($query_string . '&orderby=date&showposts=5&cat=11'); ?>
							<?php $i = 1; ?>
							<?php while(have_posts()) : the_post();?>
	 						<span <?php if ($i == 1) :?> class="active"<?php endif; ?> rel="<?php echo $i; ?>"><?php echo $i;?></span>
                            <?php $i ++ ; ?>
							<?php endwhile; ?>

	 					</div>

					</div>

					<div class="hotNews rightFloat">
						<ul>
						<?php $posts = query_posts($query_string . '&orderby=date&showposts=30&cat=8'); ?>
						<?php while(have_posts()) : the_post(); ?>
							<li style="margin: 2px;padding: 0;width: 50px ;height: 50px;float: left">
                                <a href="<?php the_title(); ?>" target="_blank"><img src="<?php echo catch_that_image() ?>" alt="<?php the_title(); ?>" width="50" height="50"></a>
							</li>

						<?php endwhile; ?>

						</ul>
                        <style>
                            .hotNews li{
                                border:solid 1px #f9f9f9;
                                opacity: 1;
                                transition:border 0.6s;
                                transition:opacity 0.6s;
                            }
                            .hotNews li:hover{
                                opacity: 0.6;
                                border:solid 1px #71a866;
                            }
                        </style>
					</div>

				</div>

				<div class="mainContent clear">

					<div class="articleList leftFloat">

						<div class="postList clear">

							<div class="articleListTitle">

   								<h3><img src="<?php bloginfo('template_directory');?>/images/working.png" alt=""></h3>

    							<div class="articleListMore">

     						 		<a href="<?php bloginfo('url'); ?>/work">查看更多</a>

    							</div>

							</div>

							<ul>

							<?php $posts = query_posts($query_string . '&orderby=date&showposts=5&cat=9'); ?>

							<?php while(have_posts()) : the_post(); ?>

								<li>

									<div class="entryImg">

										<a title="<?php the_title(); ?>" target="_blank" href="<?php the_permalink(); ?>">

											<img width="235" height="152" alt="<?php the_title(); ?>" src="<?php echo catch_that_image() ?>">

										</a>

										<?php

										$custom_fields = get_post_custom_keys($post_id);

										if (!in_array ('post_copyright', $custom_fields)) :

										?>

										<span class="entryCopyright">原创</span>

										<?php else: ?>

										<span class="entryCopyright">精选</span>

										<?php endif; ?>

									</div>

									<h3 class="entryTitle">

										<a title="<?php the_title(); ?>" target="_blank" href="<?php the_permalink(); ?>"><?php the_title(); ?></a>

									</h3>

									<p class="entryContent"><?php

									if ($post->post_excerpt) {

										_e(wp_trim_words( $post->post_excerpt, 80,'......' ));

									} else {

										_e(wp_trim_words( $post->post_content, 80,'......' ));

									}

									?></p>

									<div class="entryMeta">

										<?php the_author_posts_link(); ?>

										<em class="entryDate"> / <?php the_time('Y-m-d') ?></em>

									</div>

									<div class="entryCover">

										<em class="entryViews ml2"><?php echo getPostViews(get_the_ID()); ?></em>

										<em class="entryReplys ml2"><?php comments_popup_link('0', '1', '%', '', '0'); ?></em>

									</div>

								</li>

							<?php endwhile; ?>

							</ul>

						</div>

                        <div class="postList clear">

                            <div class="articleListTitle">

                                <h3>摘要学习</h3>

                                <div class="articleListMore">

                                    <a href="<?php bloginfo('url'); ?>/salon">查看更多</a>

                                </div>

                            </div>

                            <ul>

                                <?php $posts = query_posts($query_string . '&orderby=date&showposts=1&cat=1'); ?>

                                <?php while(have_posts()) : the_post(); ?>

                                    <li style="border-bottom:0;">

                                        <div class="entryImg">

                                            <a title="<?php the_title(); ?>" target="_blank" href="<?php the_permalink(); ?>">

                                                <img width="235" height="152" alt="<?php the_title(); ?>" src="<?php echo catch_that_image() ?>">

                                            </a>

                                            <span class="entryCopyright">热门</span>

                                        </div>

                                        <h3 class="entryTitle">

                                            <a title="<?php the_title(); ?>" target="_blank" href="<?php the_permalink(); ?>"><?php the_title(); ?></a>

                                        </h3>

                                        <p class="entryContent"><?php _e(wp_trim_words( $post->post_content, 80,'......' ));?></p>

                                        <div class="entryMeta">

                                            <div class="entryAuthor"><?php the_author_posts_link(); ?></div>

                                            <em class="entryDate"> / <?php the_time('Y-m-d') ?></em>

                                        </div>

                                        <div class="entryCover">

                                            <em class="entryViews ml2"><?php echo getPostViews(get_the_ID()); ?></em>

                                            <em class="entryReplys ml2"><?php comments_popup_link('0', '1', '%', '', '0'); ?></em>

                                        </div>
                                    </li>

                                <?php endwhile; ?>

                            </ul>

                        </div>

					</div>

					<?php include_once("sidebarIndex.php"); ?>

				</div>

				<div class="mainPic clear">

					<div class="picList ">

						<div class="picOne leftFloat">

							<ul>

							<?php $posts = query_posts($query_string . '&orderby=date&showposts=1&cat=2'); ?>

							<?php while(have_posts()) : the_post();?>

								<li>

									<a class="img" title="<?php the_title(); ?>" href="<?php the_permalink(); ?>">

										<img width="460" height="300"  alt="<?php the_title(); ?>" src="<?php echo catch_that_image() ?>">

										<span><?php the_title(); ?></span>

									</a>

								</li>

							<?php endwhile; ?>

							</ul>

						</div>

						<div class="picMoer rightFloat">

							<ul>

							<?php $posts = query_posts($query_string . '&orderby=date&showposts=2&cat=2&offset=1'); ?>

							<?php while(have_posts()) : the_post();?>

								<li>

									<a target="_blank" title="<?php the_title(); ?>" href="<?php the_permalink(); ?>">

										<img width="250" height="150" alt="<?php the_title(); ?>" src="<?php echo catch_that_image() ?>">

										<span><?php the_title(); ?></span>

									</a>

								</li>

							<?php endwhile; ?>

							</ul>

						</div>

					</div>

				</div>

				<div class="linkShow clear">

					<div class="articleListTitle">

   							<h3>友情链接</h3>

   							<span style="padding: 0 0 0 10px; color: #999999; line-height: 30px;">[ 申请友情链接，请联系站长QQ：783709770 ]</span>

					</div>

					<div class="friendLink clear">

						<ul>

							<li><a target="_blank" title="zWent" href="/">zWent</a></li>


						</ul>

					</div>

				</div>

			</div>

<?php get_footer(); ?>
